<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>事件三要素</title>
</head>
<body>
<button id="btn">唐伯虎</button>
<script>
  // 点击一个按钮，弹出对话框
  // 1. 事件是有三部分组成  事件源  事件类型  事件处理程序   我们也称为事件三要素
  //(1) 事件源 事件被触发的对象   谁  按钮
  var btn = document.getElementById('btn')
  //(2) 事件类型  如何触发 什么事件 比如鼠标点击(onclick) 还是鼠标经过 还是键盘按下
  //(3) 事件处理程序  通过一个函数赋值的方式 完成
  btn.onclick = function () {
    alert('点秋香')
  }
</script>
</body>
</html>